﻿<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0,minimal-ui" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>大山云南山泉官网</title>
    <script type="text/javascript" src="/js/jquery.min.js"></script>   
    <link href="/css/m_main.css" rel="stylesheet" type="text/css" />   
    <meta http-equiv="windows-Target" contect="_top">
</head>
<body>
    <div id="firstDiv" style="position: relative; opacity: 0;">
        <div id="top" style="width: 100%">
            <img src="/img/top.jpg" width="100%" alt="" />
            <div class="logo" style="position: absolute; left:2%; top: 0px;width: 24%; height: 3.5rem;" onclick="javascript:window.location.href='index.aspx'"></div>
            <div class="tel"  style="position: absolute; left:42%; top: 0px;"></div>
            <div id="btnBox" style="position: absolute; right: 0px; top: 0px;">
            </div>
        </div>
        <div class="content">
            <div class="nav">当前位置：首页 > 加入大山 > <span class="fontcolor">人才招聘</span></div>
            <div class="com_content">
                <h3><img src="/img/com_iocn15.png" width="4%" /> 人才招聘</h3>
                 <div class="newsmenu">
                    <ul>
                        <li>
                            <img src="/img/write_bj.png" width="100%" alt="" />
                            <div style="position:relative;"><a href="jobshow.aspx" style="color:#888;">招聘职位</a></div>
                        </li>
                        <li>
                            <img src="/img/write_bjact.png" width="100%" alt="" />
                            <div style="position:relative;">我要应聘</div>
                        </li>                    
                    </ul>
                </div>
                <div class="clear"></div> 
                <div class="writecon"> 
                    <div>
                        <img src="/img/jobformbj.png" width="100%" alt="" />
                        <br />
                        <a href="tel:087164094909"><div style="position:absolute; width:22%; left:71%; top:30%; height:1.8%;"></div></a>
                         <a href="tel:087164094931"><div style="position:absolute; width:22%; left:71%; top:31.7%; height:1.8%;"></div></a>
                        <div class="w_txt2">
                          <input type="text" id="txtname" name="txtname" />
                        </div>  
                        <div class="w_txt3">
                          <input type="text" id="txtmobile" name="txtmobile" />
                        </div>   
                        <div class="w_txt4">
                          <input type="text" id="txtemail" name="txtemail" />
                        </div>   
                        <div class="w_txt5">
                          <input type="text" id="txtcode" name="txtemail" />
                        </div>  
                        <div class="w_txt6" style="position:absolute;">
                        <script type="text/javascript">/*<![CDATA[*/
                                        document.write('<a href="#" onclick="document.getElementById(\'ImgPic\').src=\'ValidateImg.aspx?temp=\'+ (new Date().getTime().toString(36)); return false"><img id="ImgPic" border="0" alt="如看不到图片，请点击刷新" src="ValidateImg.aspx?temp='+ (new Date().getTime().toString(36)) +'" width="65px" height="30px" /></a>');
                                        /*]]>*/</script>
                        </div>   
                        <div class="w_txt7" id="btnsubmit">
                        </div>  
                    </div>
                    <div>
                        <br />
                        <img src="/img/job_pic.png" width="100%" alt="" />                        
                    </div>
                    <br />
                </div>
            </div>
        </div>
        <div id="bottom" style="text-align: center; color: #6a6a6a;">
               Copyright ©2016 云南大山饮品有限公司, All Rights Reserved | 滇ICP备07002438号
        </div>
        <!--menu start-->
        <div class="navBox"></div>
        <div class="navTwoBtn"> 
            <div class="newgray" style="margin-top:15%;"><a href="company.aspx">关于大山</a></div>
            <div class="newgray"><a href="process.aspx">大山历程</a></div>
            <div class="newgray"><a href="honor.aspx">企业荣誉</a></div>
            <div class="newgray"><a href="base.aspx">生产基地</a></div>   
            <div class="newgray"><a href="service.aspx">大山公益</a></div>         
        </div>
        <div class="navTwoBtn"> 
            <div class="newgray" style="margin-top:15%;"><a href="news.aspx">公司动态</a></div>
            <div class="newgray"><a href="pronews.aspx">产品动态</a></div>
            <div class="newgray"><a href="economy.aspx">行业动态</a></div>
            <div class="newgray"><a href="videolist.aspx">最新视频</a></div>   
        </div>
        <div class="navTwoBtn"> 
            <div class="newgray" style="margin-top:15%;"><a href="prolist2.aspx">桶装水</a></div>
            <div class="newgray"><a href="prolist1.aspx">瓶装水</a></div>                        
        </div>        
        <div class="navTwoBtn"> 
            <div class="newgray" style="margin-top:15%;"><a href="join.aspx">诚邀加盟</a></div>
            <div class="newgray"><a href="jobshow.aspx">人才招聘</a></div>                        
        </div>        
        <div class="navAll">            
            <div class="newgray" style="margin-top:15%;"><a href="index.aspx" style="color:#fff">首　页</a></div>
            <div class="newgray showTwoBtn"><a value="0" href="javascript:;"><&nbsp;公司简介</a></div>
            <div class="newgray showTwoBtn"><a value="1" href="javascript:;"><&nbsp;新闻中心</a></div>
            <div class="newgray showTwoBtn"><a value="2" href="prolist.aspx" ><&nbsp;产品展示</a></div>
            <div class="newgray"><a href="showwrite.aspx">客户留言</a></div>
            <div class="newgray showTwoBtn"><a value="3" href="javascript:;"><&nbsp;加入大山</a></div>
            <div class="newgray"><a href="about.aspx">联系我们</a></div>         
        </div>
        <!--menu end-->
        <div id="reDiv" style="position: absolute; background: rgba(76,72,69,0.8); width: 100%;height: 100%; z-index: 100; top: 0px; display: none;">
            <div class="alertbj">
                    <img src="/img/alertbj.jpg" width="100%" />            
            </div> 
            <div class="alerttxt"></div>          
            <div class="qddiv" id="qddiv">            
            </div>
        </div>
    </div>
</body>
</html>
<script type="text/javascript">
var pingKuan;
var biLi;
function setPosition() {
    pingKuan = $("#firstDiv").width();
    biLi = pingKuan / 640;
     $(".alerttxt").css({
        "top":biLi*520+"px",
        "font-size":biLi*28+"px"
    }) 
    $(".alertbj").css({
        "top":biLi*450+"px"
    }) 
    $(".qddiv").css({
        "top":biLi*600+"px",
        "height":biLi*70+"px"
    }) 
    $(".tel").css({
        "width": biLi * 260+ "px",
        "height":biLi*93+"px",
    })
    $(".newsmenu li div").css({
        "top":-biLi*51+"px",
        "font-size":biLi*26+"px"
    })
    $(".newsmenu li div").eq(1).css({
        "top":-biLi*60+"px",
        "font-size":biLi*26+"px"
    })
    $(".newsmenu li").css({
        "width":biLi*292+"px",
        "height":biLi*61+"px",
         "color":"#888888",
        "font-size":biLi*26+"px"
    })
    $(".newsmenu li").eq(1).css({
        "width":biLi*292+"px",
        "height":biLi*69+"px",
        "color":"#fff"       
    })
    $(".writecon p").css({
        "font-size":biLi*22+"px",
        "line-height":biLi*34+"px"     
    })
    $(".writecon p img").css({
       "margin-top":biLi*10+"px",
       "margin-bottom":biLi*10+"px",
    })
    $(".newsmenu,.writecon").css({
        "margin-top":biLi*20+"px"
    })
     $("h3").css({
       "font-size":biLi*26+"px",
       "line-height":biLi*40+"px"     
    })
    $("h3 img").css({
       "margin-top":biLi*8+"px",
    })
    $(".nav").css({
       "height":biLi*60+"px",
       "line-height":biLi*60+"px",
       "font-size":biLi*18+"px"
    })
    $(".nav img").css({
       "margin-top":biLi*20+"px",
    })
    $("#btnBox").css({
        "width": biLi * 93+ "px",
        "height":biLi*93+"px",
    })    
    $(".navBox,.navTwoBtn,.navAll").css({
       "top":biLi*100+"px"
    })   
    $(".newgray").css({
       "height":biLi*80+"px",
       "line-height":biLi*80+"px",
       "font-size":biLi*30+"px"         
    })
    $("#bottom").css({
       "font-size": biLi * 16 + "px",
       "margin-top": biLi * 14 + "px",  
       "line-height": biLi * 60 + "px",
       "height":biLi*80+ "px" 
    })   
    $("#firstDiv").css({
        "opacity": "1"
    })  
    $(".w_txt2").css({
        "top":biLi*542+"px",
        "left":biLi*160+"px"       
    })
    $(".w_txt2 input").css({
        "width":biLi*432+"px",
        "height":biLi*68+"px",        
    }) 
    $(".w_txt3").css({
        "top":biLi*644+"px",
        "left":biLi*160+"px"       
    })
    $(".w_txt3 input").css({
        "width":biLi*432+"px",
        "height":biLi*68+"px",        
    }) 
    $(".w_txt4").css({
        "top":biLi*744+"px",
        "left":biLi*160+"px"       
    })
    $(".w_txt4 input").css({
        "width":biLi*432+"px",
        "height":biLi*68+"px",        
    }) 
    $(".w_txt5").css({
        "top":biLi*852+"px",
        "left":biLi*160+"px"       
    })
     $(".w_txt5 input").css({
        "width":biLi*298+"px",
        "height":biLi*68+"px",        
    })
     $(".w_txt6").css({
        "top":biLi*865+"px",
        "left":biLi*480+"px",
        "width":biLi*296+"px",
        "height":biLi*63+"px"      
    })
    $(".w_txt7").css({
        "top":biLi*965+"px",
        "left":biLi*160+"px",
        "width":biLi*296+"px",
        "height":biLi*63+"px"      
    }) 
}
window.onload = function () {
    setTimeout(function () {
        setPosition();       
    }, 100);     
}
var od = "touchstart" in window ? "touchstart" : "click";
 $(".tel").bind(od,function(){
    window.location.href="tel:087196133";
 })
 $("#btnBox").bind(od, function () {
	$(document).on("touchmove", function (ev) {
		ev.preventDefault();
	});	
	$(".navBox").show().animate({ opacity: 1 });
	$(".navAll").addClass('move')
	return false;
});
 $(".showTwoBtn").bind("click", function () {
	var index = $(this).find("a").attr("value");  
	$(".navTwoBtn").hide();
	$(".navTwoBtn").eq(index).css({ "right": "-40%", "opacity": "1" });
	$(".navTwoBtn").eq(index).show().animate({ right: "40%" });
	return false;
});
$(".navTwoBtn").bind(od, hideFn);
$(".navBox").bind(od, hideFn);
$(".navAll").bind(od, clickhideFn);
function hideFn(){
	clickhideFn();	
	$(document).off("touchmove");	
}
function clickhideFn(){
	$(".navAll,.navTwoBtn").removeClass('move');
	$(".navTwoBtn").hide()
	$(".navBox").animate({opacity:0},function(){
		$(this).hide()
	})
	$(document).off("touchmove");
}
</script>
<script>
    var ispost = false;
    function len(str) {
        var l = 0;
        var a = str.split("");
        for (var i = 0; i < a.length; i++) {
            if (a[i].charCodeAt(0) < 299) {
                l++;
            } else {
                l += 2;
            }
        }
        return l;
    }
    $(".qddiv").bind("click", function () {
        $("#reDiv").hide();
    })
    $("#btnsubmit").bind("click", function () {
        if (!ispost) {
            ispost = true;
            var username = $("#txtname").val();
            var mobile = $("#txtmobile").val();
            var email = $("#txtemail").val();
            var code = $("#txtcode").val();
            if (username == "" || username == undefined) {
                ispost = false;
                $(".alerttxt").text("请输入姓名");
                $("#reDiv").show();
                return false;
            }
            if (len(username) > 8) {
                ispost = false;
                $(".alerttxt").text("请输入8个以内的字符");
                $("#reDiv").show();
                return false;
            }
            if (mobile != "" && mobile != undefined) {
                var regex = /^1\d{10}$/gi;
                if (!regex.test(mobile)) {
                    ispost = false;
                    $(".alerttxt").text("手机号格式不对");
                    $("#reDiv").show();
                    return false;
                }
            }
            if (email == "" || email == undefined) {
                ispost = false;
                $(".alerttxt").text("请输入邮箱");
                $("#reDiv").show();
                return false;
            }
            var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
            if (!filter.test(email)) {
                ispost = false;
                $(".alerttxt").text("请输入正确格式的邮箱");
                $("#reDiv").show();
                return false;
            }
            if (code == "" || code == undefined) {
                ispost = false;
                $(".alerttxt").text("请输入验证码");
                $("#reDiv").show();
                return false;
            }
            var para = $.param({
                type: 1,
                username: username,
                mobile: mobile,
                email: email,
                code: code,
                action: "mjobfrom"
            });
            $.ajax(
            {
                url: "Ajax.aspx?action=mjobfrom&t=" + Math.random(),
                type: "POST",
                data: para,
                dataType: 'json',
                processData: false,
                error: function (data) {
                    ispost = false;
                    $(".alerttxt").text("提交失败，请稍后再试");
                    $("#reDiv").show();
                },
                success: function (data) {
                    ispost = false;
                    if (data.msg == "ok") {
                        $(".alerttxt").text("提交成功");
                        $("#reDiv").show();
                        $("#txtname").val("");
                        $("#txtmobile").val("");
                        $("#txtemail").val("");
                        $("#txtcode").val("");
                    }
                    else if (data.msg == "no") {
                        $(".alerttxt").text("提交失败，请稍后再试");
                        $("#reDiv").show();
                    }
                    else {
                        alert(data.msg);
                    }
                },
                error: function (data) {
                    ispost = false;
                    $(".alerttxt").text("提交失败，请稍后再试");
                    $("#reDiv").show();
                }
            });
            return false;
        }
    });
</script>
<script>
    (function (window) { // Prevent Cross-Frame Scripting attacks
        if (window.location !== window.top.location)
            window.top.location = window.location;
    })(this);
    if (this.top.location !== this.location && (this.top.location = this.location)) {
        window.top.location = window.location;
    }
</script>
<style>  
        html { visibility:hidden; }  
</style>  
<script>
    if (self == top) {
        document.documentElement.style.visibility = 'visible';
    } else {
        top.location = self.location;
    }  
</script>